<html>
  <script src="../js/md5.js" type="text/javascript"></script>
  <script src="../js/authentification.js" type="text/javascript"></script>
  <script src="../js/balance.js" type="text/javascript"></script>
  <script src="../js/balance_listener.js" type="text/javascript"></script>
  <script src="../js/prototype.js" type="text/javascript"></script>
  <script src="../js/jquery-1.7.2.js" type="text/javascript"></script>
  <style>
    .btn_refresh{
		background: url(../img/refresh.png) no-repeat center 0px;
		width: 30px;
		height: 30px;
		display: block;
	}
	.btn_refresh:hover{
		background: url(../img/refresh_hover.png) no-repeat center 0px;
		width: 30px;
		height: 30px;
		display: block;	
	}
	.btn_refresh:active{
		background: url(../img/refresh_pushed.png) no-repeat center 0px;
		width: 30px;
		height: 30px;
		display: block;	
	}
	.btn_close{
		background: url(../img/close_popup.png) no-repeat center 0px;
		position: fixed;
		width: 15px;
		height: 15px;
		top: 3px;
		right: 3px;
		display: block;
	}
	.btn_close:hover{
		background: url(../img/close_popup_selected.png) no-repeat center 0px;
		position: fixed;
		width: 15px;
		height: 15px;
		top: 3px;
		right: 3px;
		display: block;
	}
	.btn_close:active{
		background: url(../img/close_popup_active.png) no-repeat center 0px;
		position: fixed;
		width: 15px;
		height: 15px;
		top: 3px;
		right: 3px;
		display: block;	
	}
	.btn_option{
		background: url(../img/option.png) no-repeat center 0px;
		width: 30px;
		height: 30px;
		display: block;
	}
	.btn_option:hover{
		background: url(../img/option_hover.png) no-repeat center 0px;
		width: 30px;
		height: 30px;
		display: block;
	}	
	.btn_option:active{
		background: url(../img/option_active.png) no-repeat center 0px;
		width: 30px;
		height: 30px;
		display: block;
	}
	.btn_login{
		background: url(../img/login.png) no-repeat center 0px;

		width: 60px;
		height: 25px;
		display: block;
	}
	.btn_login:hover{
		background: url(../img/login_hover.png) no-repeat center 0px;
		width: 60px;
		height: 25px;
		display: block;
	}	
	.btn_login:active{
		background: url(../img/login_active.png) no-repeat center 0px;
		width: 60px;
		height: 25px;
		display: block;
	}
	.btn_logout{
		background: url(../img/logout.png) no-repeat center 0px;
		width: 60px;
		height: 27px;
		display: block;
	}
	.btn_logout:hover{
		background: url(../img/logout_hover.png) no-repeat center 0px;
		width: 60px;
		height: 27px;
		display: block;
	}	
	.btn_logout:active{
		background: url(../img/logout_active.png) no-repeat center 0px;
		width: 60px;
		height: 27px;
		display: block;
	}
	.text{
		font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
		font-size: 8pt;
	}
	.text_balance{
		font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
		font-size: 10pt;
	}
  </style>
  <body>
    <table>
		<col width="90%"/>
		<col width="10%"/>
		<tr>
			<td>
				<table>
					<tr>
						<td>
							<div class="text">
								Your balance:
							</div>
						</td>
					</tr>
					<tr>
						<td align="center">
							<div class="text_balance" id="balance">
								<script>
									document.write(get_balance_from_memory());
								</script>
							</div>
						</td>
					</tr>
				</table>
			</td>
			<td>
				<div class="btn_refresh" onclick="get_balance(true)"/>
			</td>
			<td>
				<div class="btn_close" onclick="window.close()"/>
			</td>
		</tr>
		<tr>
			<td>
				<table cellpadding="0px" cellspacing="0px">
					<tr>
						<td valign="bottom">
							<div valign="bottom" class="btn_login" onClick="login()"/>
						</td>
					</tr>
					<tr>
						<td valign="top">
							<div valign="top"class="btn_logout" onClick="logout()"/>
						</td>
					</tr>
				</table>
			</td>
			<td>
				<div class="btn_option" onClick="option_tab()"/>
			</td>
		</tr>
	</table>
   </body>
</html>